.record {
  position: relative;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;

  &-map {
    height: 0;
    flex: 1;
  }

  .file-input {
    padding: 0 46px 20px;

    input {
      padding: 10px 12px;
      background: #F3F4F6;
      border-radius: 4px;

      font-size: $fontSize;
      color: $textColor;
      line-height: 24px;
      font-weight: 400;
    }

    &-placeholder {
      color: $remarkColor;
    }
  }

  &-status {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 30px;

    &-icon {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #FF0808;
    }

    &-text {
      font-size:$fontSize;
      color: $colorWhite;
      line-height: 22px;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.84);
      font-weight: 600;
      margin-left: 12px;
    }
  }

  &-btn {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: calc(36px + var(--window-bottom));
    // text-align: center;
    // height: 40px;
    // line-height: 24px;
    display: flex;
    // align-items: center;
    // justify-content: center;
	padding-top:8px;
    border-radius: 8px;
    background-color: $primaryColor;
	&-main{
		text-align: center;
		// height: 40px;
		line-height: 24px;
	   display: flex;
	   align-items: center;
	   justify-content: center;
		padding: 0 18px 8px;
		font-size: $fontSizeLg;
		color: $colorWhite;
		font-weight: 600;
	}
  }
}
